<template>
	<div>
		<!-- 二级路由 -->
		<erjirouter></erjirouter>
		
		<router-view></router-view>
		</div>
</template>

<script>
// var img = [{ id: 1, img: './src/img/img1.jpg' }, { id: 2, img: './src/img/img2.jpg' }];
// import mui from '../../lib/mui/js/mui.js';
import erjirouter from '../subcomponent/erjirouter.vue'
import swiper from '../subcomponent/swiper.vue'
export default {
	data() {
		return {
			// msg,
			// lunbotuList: []
			// tupian: img
		};
	},
	components: {
		swiper,
		erjirouter
	},
	created() {
			// this.getLunbotu()
		},
		methods:{
				// getLunbotu() {//获取轮播图数据的方法
				// 	this.$http.get("地址").then(result => {
				// 		if (result.body.status === 0) {
				// 			this.lunbotuList = result.body.message
				// 		} else{
				// 			Toast('获取数据失败')
				// 		}
				// 	})
				// }
			
		}
};
</script>

<style lang="scss" scoped>
// * {
// 	touch-action: pan-y;
// 	// touch-action: none;
// }
// .mui-control-item-ag {
// 	padding: 0.9375rem;
// }
.photo-list{
	list-style: none;
	margin: 0;
	padding: 0.625rem;
	padding-bottom: 0;
	li {
		background-color: #ccc;
		text-align: center;
		margin-bottom: 0.3125rem;
		box-shadow: 0 0 10px #999;
		position: relative;
		img {
			width: 100%;
			vertical-align: middle;
		}
		//冷加载
		img[lazy='loading'] {
			width: 40px;
			height: 300px;
			margin: auto;
		}
		.info {
			color: white;
			text-align: left;
			position: absolute;
			bottom: 0;
			background-color: rgba(0,0,0,0.4);
			max-height: 84px;
			.info-title{
				font-size: 0.875rem;
			}
			.info-body{
				font-size: 0.8125rem;
			}
		}
	}
}
.goods-list{
		display: flex;
		flex-wrap:wrap ;
		padding: 7px;
		justify-content: space-between;
		
		.good-item {
			// position: relative;
			width: 49%;
			margin: 3px 0;
			border: 1px solid #ccc;
			box-shadow: 0 0 10px #0000FE;
			padding: 2px;
			display: flex;
			flex-direction: column;//改变主轴方向为y轴
			justify-content: space-between;
			min-height: 279px;
			img{
				width: 100%;
			}
			.title{
				font-size: 14px;
			}
			.info{
				// position: absolute;
				// bottom: 2px;
				background-color: #eee;
				p{
					margin: 0;
					padding: 5px;
				}
				.price{
					.now{
						color: red;
						font-weight: bold;
						font-size: 1rem;
					}
					.old{
						text-decoration: line-through;
						font-size: 12px;
						margin-left: 10px;
					}
				}
				.sell{
					display: flex;
					justify-content: space-between;
					font-size: 13px;
				}
			}
		}
	}
</style>
